﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- saved from url=(0029)http://www.helpandmanual.com/ -->
<head> 
   <!-- Premium Pack Version 1.24 Template design (c) copyright 2008-2009 by Tim Green and EC Software -->
   <title>Add Conditional Fields</title> 
   <meta name="generator" content="Help &amp; Manual" /> 
   <meta name="keywords" content="Conditional Fields,Conditional Fields add to forms" />
   <meta name="description" content="Add Conditional Fields" />
   <meta name="copyright" content="© 2012 Futures Group" /> 
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />                                         
   <link type="text/css" href="default.css" rel="stylesheet" />
   <link type="text/css" href="custom.css" rel="stylesheet" />
   <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="jquery.scrollTo-min.js"></script>
   <script type="text/javascript" src="nsh.js"></script>

<script type="text/javascript">

</script>



<style type="text/css">
   .help-url { font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; 
               color: #000; text-align: center; margin: 15px 20px 20px 0px; 
               padding-top: 5px; border-top: 1px solid #000;}
   .help-url a { color: #000; text-decoration: none; }
   .help-url a:visited { color: #000; }
   .help-url a:hover { color: #000; text-decoration: underline; }
   .highlight {background: #ffff40;}
</style>







<!-- CSS set with project variables and local attributes --> 
<style type="text/css" media="screen"> 
   body { background: #fff; } 
   #breadcrumbs { width: 100%; background-color: white; border: 1px solid #000; padding: 2px 0 1px 2px;
   margin: 3px 0; font-size: 8pt; color: #000;}
   #breadcrumbs a { color: #000; text-decoration: none;}
   #breadcrumbs a:visited { color: #000; }
   #breadcrumbs a:hover { color: #098ae2; text-decoration: none; }
</style> 

<!-- Adjustment for IE -->
<!--[if lte IE 8]>
<style type="text/css">
.topichead { padding-right: 0; }
#autoTocWrapper ul li { padding: 3px 3px 4px 3px;}

   .breadhead {
   margin: 0;
   padding-right: 5px;
   }
   img#togtoc {
       bottom:1px; 
    }   

   
</style>
<![endif]-->
   
<script type="text/javascript">
// Initialize the page 
addEvent(window, "load", nsrInit);
addEvent(window, "load", doResize);
addEvent(window, "resize", doResize);
if (!$.browser.msie) {
addEvent(window, "load", toggleJump);
}
</script>

<script type="text/javascript" src="helpman_topicinit.js"></script>
<!-- Redirect browser to frame page if page is not in the content frame. -->
<script type="text/javascript">
<!--
if (location.search.lastIndexOf("toc=0")<=0) {
  if (parent.frames.length==0) { parent.location.href="index.html?add_conditional_fields.htm"; }
  else { parent.quicksync('a10.6.11'); }
}
//-->
</script>
<script type="text/javascript" src="highlight.js"></script></head> 
<body onload="highlight();">
<div id="hmpopupDiv" style="visibility:hidden; position:absolute; z-index:1000; "></div>
<!--ZOOMSTOP-->

<div id="printheader">
<span id="printtitle">IQCare User Guide V3.2</span><br />
<p class="p_Heading1"><span class="f_Heading1">Add Conditional Fields</span></p>
</div>
<div id="idheader" style= "background: #a7d7f8 url('bg_topichd.gif') repeat-x bottom;"> 
<table id="breadtable" width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr >
  <td align="left" class="breadhead" height="5">
        
  </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="headtable"> 

<!-- Script version of NavHeader -->
<tr id="scriptNavHead" valign="middle" style="height: auto;">
   
   <td align="left" class="topichead">
   <p class="p_Heading1"><span class="f_Heading1">Add Conditional Fields</span></p>

   </td>
   
   <td align="center" width="20" class="idnav" valign="bottom">
     <a href="inactivate_a_field.htm"
        onmouseover="document.images.prev.src='button_prev_h.gif'" 
        onmouseout="document.images.prev.src='button_prev.gif'">
        <img name="prev" src="button_prev.gif" border="0" alt="Previous topic" title="Previous topic" /></a>
     
   </td>
   
   <td align="center" width="20" class="idnav" valign="bottom">
     <a href="update_conditional_fields.htm"
        onmouseover="document.images.next.src='button_next_h.gif'" 
        onmouseout="document.images.next.src='button_next.gif'"><img name="next" src="button_next.gif" border="0" alt="Next topic" title="Next topic" /></a>
        
   </td>
   
   
   
  
   <td width="4">&nbsp;</td>
  </tr>
<!-- End script navheader version -->

<!-- NoScript version of navheader -->
  <tr id="noScriptNavHead" valign="middle" style="height: auto;"> 
    <td align="left" class="topichead"> 
    <p class="p_Heading1"><span class="f_Heading1">Add Conditional Fields</span></p>

    </td>
    <td align="center" width="20" class="idnav" valign="bottom">
     <a href="inactivate_a_field.htm">
        <img src="button_prev.gif" border="0" alt="Previous topic" title="Previous topic" /></a>
     
   </td>
   <td align="center" width="20" class="idnav" valign="bottom">
     <a href="update_conditional_fields.htm">
        <img src="button_next.gif" border="0" alt="Next topic" title="Next topic" /></a>
        
   </td>
   
   
   
   
   <td width="4">&nbsp;</td>
  </tr>
<!-- End noscript navheader version -->
  </table>
<div id="autoTocWrapper"></div>
</div> 

<div id="idcontent"><div id="innerdiv">
<!--ZOOMRESTART-->
<p>The conditional display of fields is a feature that allows you to configure select lists, multi-select lists and yes/no type fields so that conditional on a selected list entry or yes/no, one or more associated fields display in IQCare forms. For example, supposed in a select list &nbsp;there is an entry called "Other (specify)". Upon selecting the Other (specify) select list option, another field such as a text field may become active and available for data to be entered into the field. The benefit of this kind of feature is only associated fields for specific select list entries will be active upon selection, reducing data entry errors.</p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Facts About Conditional Fields</span></p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td>Select lists, multi-select lists and yes/no field types can be configured to have conditional display of fields</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td>Any number of fields can selected as an associated field with a list entry</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td>Any field type can be selected as an associated field with a list entry</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td>In IQCare, all fields associated with select lists that are configured with conditional fields are visible. When an entry option is selected, associated fields become active; fields that have not been configured to be associated with a select list entry option become inactive.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">•</span></td><td>One or more of the same fields associated with a conditional field. For example, if the primary field select list has entries A and B; When A is selected - the fields D and E become active; When B is selected - the field D and F become active. Field D is common to both primary select list entries A and B. This is allowed because data for field D can only be entered once on the form. </td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td>If you have configured a field to be associated with another field, the associated field cannot also be added to a form as a separate field. For example, if you have a field "A" which is associated with field "B" (configured in Manage Fields), you cannot put field "B" on the form. This would actually put the field on the form two times which is not allowed.</td></tr></table></div><p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="18"><img id="$TOGGLE0186A1_ICON" src="hmtoggle_arrow1.gif" width="9" height="9" border="0" alt="hmtoggle_arrow1"></td><td><span style="font-weight: bold;"><a class="dropdown-toggle" href="javascript:HMToggle('toggle','TOGGLE0186A1','$TOGGLE0186A1_ICON')">Add Conditional Fields</a></span></td></tr></table></div><div style="text-align: left; text-indent: -18px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 28px;"><table id="TOGGLE0186A1" class="toggletable" cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top"><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">1.</span></td><td>Find the field (select list, multi-select list or yes/no field) that you want to configure. Note that this can be a pre-defined or custom field.</td></tr></table></div><p>In this example, there is an "Other" family planning method in the select list. We want to associate the text field "FamilyPlanningMethodOther" with the select list option "Other".</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">2.</span></td><td>Click on the gray flower icon in the Associated Fields column</td></tr></table></div><p>&nbsp;</p>
<p><img src="conditionalselectlist.png" width="630" height="390" border="0" alt="ConditionalSelectList"></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">3.</span></td><td>Click on the Conditional Fields button</td></tr></table></div><p>&nbsp;</p>
<p><span class="f_ImageCaption">Here is the select list for Family Planning Option</span></p>
<p><img src="conditionalviewselectlist.png" width="400" height="370" border="0" alt="ConditionalViewSelectList"></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">4.</span></td><td>Select the list entry you want to associate one or more fields</td></tr></table></div><p><img src="conditionalentryselect.png" width="630" height="392" border="0" alt="ConditionalEntrySelect"></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">5.</span></td><td>Using the field select list, find and select the field you would like to associate with the select list field entry "Other". You can any number of fields.</td></tr></table></div><p><img src="conditionalentryselected.png" width="630" height="430" border="0" alt="ConditionalEntrySelected"></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">6.</span></td><td>Type in the field label</td></tr></table></div><p><img src="conditionalentrylabel.png" width="630" height="392" border="0" alt="ConditionalEntryLabel"></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">7.</span></td><td>Repeat this process by selecting another select list entry for the list you are configuring and adding other conditional fields. You can review your work by returning to any list entry and review the fields that have been configured.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">8.</span></td><td>Click the Submit button to save this configuration</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="15"><span style="font-size: 10pt; font-family: 'Arial'; color: #000000;">9.</span></td><td>Once back in the Manage Fields dialog you <span style="text-decoration: underline;">must</span> click the Save button to save your work.</td></tr></table></div><p>&nbsp;</p>
<p><span class="f_ImageCaption">Here is an example of how the display works in IQCare. The field Other family planning method only becomes active if "Other" is selected in the Family Planning Method select list.</span></p>
<p><img src="conditionaliqcareinactive.png" width="630" height="226" border="0" alt="ConditionalIQCareInactive"></p>
<p>&nbsp;</p>
<p><span class="f_ImageCaption">With the selection of "Other" the field Other family planning method becomes active and you enter text in the field.</span></p>
<p><img src="conditionaliqcareactive.png" width="630" height="226" border="0" alt="ConditionalIQCareActive"></p>
</td>
</tr>
</table>
</div>
<p style="text-indent: -18px; margin: 0px 0px 0px 28px;">&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="18"><img id="$TOGGLE0186A2_ICON" src="hmtoggle_arrow1.gif" width="9" height="9" border="0" alt="hmtoggle_arrow1"></td><td><span style="font-weight: bold;"><a class="dropdown-toggle" href="javascript:HMToggle('toggle','TOGGLE0186A2','$TOGGLE0186A2_ICON')">Conditional Fields Associated with One or More of the Same Fields</a></span></td></tr></table></div><div style="text-align: left; text-indent: -18px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 28px;"><table id="TOGGLE0186A2" class="toggletable" cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top"><p>&nbsp;</p>
<p>In this example TBType is associated with P, EP and P plus EP. (This example is starting from the configuration step after you click on the conditional fields button above in Step 3.) </p>
<p>&nbsp;</p>
<p><img src="conditionalmultiexample1.png" width="630" height="392" border="0" alt="ConditionalMultiExample1"></p>
<p>&nbsp;</p>
<p>The PTBType field is available for selection under "P" and under "P+EP". Shown here under "P".</p>
<p><img src="conditionalmultiexample2.png" width="630" height="392" border="0" alt="ConditionalMultiExample2"></p>
<p>&nbsp;</p>
<p>Shown here under "P+EP". A field can be assigned to more than one select list entry when configuring conditional fields.</p>
<p><img src="conditionalmultiexample3.png" width="630" height="392" border="0" alt="ConditionalMultiExample3"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
</tr>
</table>
</div>

<!--ZOOMSTOP--> 

</div></div> 
<script type="text/javascript">
HMInitToggle('$TOGGLE0186A1_ICON','hm.type','dropdown','hm.state','0','hm.src0','hmtoggle_arrow0.gif','hm.src1','hmtoggle_arrow1.gif','onclick','HMToggle(\'toggle\',\'TOGGLE0186A1\',\'\$TOGGLE0186A1_ICON\')');
HMInitToggle('TOGGLE0186A1','hm.type','dropdown','hm.state','0');
HMInitToggle('$TOGGLE0186A2_ICON','hm.type','dropdown','hm.state','0','hm.src0','hmtoggle_arrow0.gif','hm.src1','hmtoggle_arrow1.gif','onclick','HMToggle(\'toggle\',\'TOGGLE0186A2\',\'\$TOGGLE0186A2_ICON\')');
HMInitToggle('TOGGLE0186A2','hm.type','dropdown','hm.state','0');
</script>
</body>
<!--[if IE]>
<script type="text/javascript" defer="defer">
$("#hmcontent",window.parent.document).ready(function() {
var doTogJump=setTimeout("toggleJump()", 0);
      });
</script>
<![endif]-->
</html>
